<template>
	<view class="container">
		<view class="card-title">活动内容</view>
		<view class="card-cnt">
			{{content}}
		</view>
		<view class="card-title">已认证列表</view>
		<view class="authlist-box">
			<view class="authlist-item f-c-between" v-for="(item,index) in list" :key="index">
				<view class="farmer-left ">
					<view class="farmer-name">{{item.realname}}</view>
					<view class="farmer-phone">{{item.mobile}}</view>
				</view>
				<view class="farmer-right">{{item.createtime_text}}</view>
			</view>
		</view>
		<view class="footer-fixed">
			<button class="btn-submit" @click="goPage('/pages/mine/farmersAuth')">帮助认证</button>
		</view>
	</view>
</template>

<script>
	export default {
	    data() {
	      return {
	        content: '',
			list:[]
	      };
	    },
		methods:{
			getFacelist(){
				this.$api.get_Face_facelist().then(res => {
					console.log(res)
					this.list = res.list
					this.content = res.shuoming
				})
			},
			
			goPage(url) {
				uni.navigateTo({
					url
				})
			}
		},
		onLoad() {
			this.getFacelist()
		}
	}
</script>

<style>
	page{
		height: 100%;
	}
</style>
<style lang="scss" scoped>
	.container{
		padding: 0 24rpx;
		height: 100%;
		background: #F4F7F7;
		.card-title{
			font-family: PingFangSC, PingFang SC;
			font-weight: 500;
			font-size: 28rpx;
			color: #333333;
			padding: 20rpx 0;
		}
		.card-cnt{
			padding: 20rpx 24rpx;
			width: 100%;
			background: #FFFFFF;
			border-radius: 16rpx;
		}
		.authlist-box{
			.authlist-item{
				padding: 20rpx 24rpx;
				margin-bottom: 24rpx;
				background: #FFFFFF;
				border-radius: 16rpx;
				.farmer-left{
					display: flex;
					align-items: center;
					.farmer-name{
						font-family: PingFangSC, PingFang SC;
						font-weight: 400;
						font-size: 36rpx;
						color: #0C0C0C;
						width: 130rpx;
					}
					.farmer-phone{
						font-family: PingFangSC, PingFang SC;
						font-weight: 400;
						font-size: 28rpx;
						color: #0C0C0C;
					}
				}
				.farmer-right{
					font-family: PingFangSC, PingFang SC;
					font-weight: 400;
					font-size: 28rpx;
					color: #0C0C0C;
				}
			}
		}
		
		.footer-fixed {
			padding: 16rpx 36rpx;
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
		
			.btn-submit {
				height: 76rpx;
				line-height: 76rpx;
				background: #FFC046;
				border-radius: 38rpx;
				font-weight: 400;
				font-size: 32rpx;
				color: #FFFFFF;
			}
		}
	}
</style>